<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="css/layui.css">
    <link rel="stylesheet" href="css/index.css?v=1">
    <link rel="stylesheet" href="css/position.css">
    <title>杭州市医疗废物智慧监管系统</title>
    <script src="js/jquery-2.2.1.min.js"></script>
    <script src="js/rem.js"></script>
    <script src="js/echarts.min.js"></script>
    <script type="text/javascript" src='http://webapi.amap.com/maps?v=1.4.6&key=9ab8eeffa6d88b5846afd39453c341b0'></script>
    <!-- UI组件库 1.0 -->
    <script src="http://webapi.amap.com/ui/1.0/main.js?v=1.0.11"></script>

    <script src="js/index.js?v=1"></script>
    <script src="../../layuiadmin/layui/layui.js"></script>
</head>

<body style="overflow-x:hidden;overflow-y: hidden">
    <div class="t_container">
        <main class="t_main">
            <div class="t_left_box">
                <img class="t_l_line" src="img/left_line.png" alt="">
                <h1 class="t_title">杭州市本年收集数据</h1>
                <div class="t_mbox t_rbox">
                    <i></i>
                    <span>总收集(Kg)</span>
                    <h2 id="total">0</h2>
                </div>
                <div class="t_mbox1 t_gbox t_mbox_l">
                    <span>感染性废物(Kg)</span>
                    <h2 id="grx">0</h2>
                </div>
                <div class="t_mbox1 t_sbox t_mbox_r">
                    <span>损伤性废物(Kg)</span>
                    <h2 id="ssx">0</h2>
                </div>
                <div class="t_mbox1 t_ybox t_mbox_l">
                    <span>药物性废物(Kg)</span>
                    <h2 id="ywx">0</h2>
                </div>
                <div class="t_mbox1 t_bbox t_mbox_r">
                    <span>病理性废物(Kg)</span>
                    <h2 id="blx">0</h2>
                </div>
                <div class="t_mbox1 t_hbox t_mbox_l">
                    <span>化学性废物(Kg)</span>
                    <h2 id="hxx">0</h2>
                </div>
                <div class="t_mbox1 t_obox t_mbox_r">
                    <span>其他(Kg)</span>
                    <h2 id="other">0</h2>
                </div>
                <img class="t_r_line" src="img/right_line.png" alt="">
            </div>
            <!--地图 -->
            <div class="t_center_box">
                <div class="t_top_box">
                    <img class="t_l_line" src="img/left_line.png" alt="">
                    <h1 class="t_title">杭州市各区24小时收集详情(单位：公斤)</h1>
                    <div id="chart_3" style="width: 100%;height: 4.1rem;top:9%; position: absolute;"></div>
                    <img class="t_r_line" src="img/right_line.png" alt="">
                </div>
            </div>
            <!--各区县收集量 -->
            <div class="t_right_box">
                <img class="t_l_line" src="img/left_line.png" alt="">
                <h1 class="t_title">各区24小时各类废物收集数据(单位：公斤)</h1>
                <header class="t_b_h1" id="aa0">
                    <span>上城区</span>
                </header>
                <main class="t_b_m">
                    <div class="t_b_box0">
                        <span>感染性</span>
                    </div>
                    <div class="t_b_box01">
                        <span>损伤性</span>
                    </div>
                    <div class="t_b_box02">
                        <span>药物性</span>
                    </div>
                    <div class="t_b_box03">
                        <span>病理性</span>
                    </div>
                    <div class="t_b_box04">
                        <span>化学性</span>
                    </div>
                    <div class="t_b_box05">
                        <span>其他</span>
                    </div>
                </main>
                <main class="t_b_m">
                    <div class="t_b_box" id="aa1">
                        <h2>0.00</h2>
                    </div>
                    <div class="t_b_box1" id="aa2">
                        <h2>0.00</h2>
                    </div>
                    <div class="t_b_box2" id="aa3">
                        <h2>0.00</h2>
                    </div>
                    <div class="t_b_box3" id="aa4">
                        <h2>0.00</h2>
                    </div>
                    <div class="t_b_box4" id="aa5">
                        <h2>0.00</h2>
                    </div>
                    <div class="t_b_box5" id="aa6">
                        <h2>0.00</h2>
                    </div>
                </main>
                <header class="t_b_h1" id="a0">
                    <span>下城区</span>
                </header>
                <main class="t_b_m">
                    <div class="t_b_box" id="a1">
                        <h2>0.00</h2>
                    </div>
                    <div class="t_b_box1" id="a2">
                        <h2>0.00</h2>
                    </div>
                    <div class="t_b_box2" id="a3">
                        <h2>0.00</h2>
                    </div>
                    <div class="t_b_box3" id="a4">
                        <h2>0.00</h2>
                    </div>
                    <div class="t_b_box4" id="a5">
                        <h2>0.00</h2>
                    </div>
                    <div class="t_b_box5" id="a6">
                        <h2>0.00</h2>
                    </div>
                </main>
                <header class="t_b_h1" id="b0">
                    <span>江干区</span>
                </header>
                <main class="t_b_m">
                    <div class="t_b_box" id="b1">
                        <h2>0.00</h2>
                    </div>
                    <div class="t_b_box1" id="b2">
                        <h2>0.00</h2>
                    </div>
                    <div class="t_b_box2" id="b3">
                        <h2>0.00</h2>
                    </div>
                    <div class="t_b_box3" id="b4">
                        <h2>0.00</h2>
                    </div>
                    <div class="t_b_box4" id="b5">
                        <h2>0.00</h2>
                    </div>
                    <div class="t_b_box5" id="b6">
                        <h2>0.00</h2>
                    </div>
                </main>
                <header class="t_b_h1" id="c0">
                    <span>拱墅区</span>
                </header>
                <main class="t_b_m">
                    <div class="t_b_box" id="c1">
                        <h2>0.00</h2>
                    </div>
                    <div class="t_b_box1" id="c2">
                        <h2>0.00</h2>
                    </div>
                    <div class="t_b_box2" id="c3">
                        <h2>0.00</h2>
                    </div>
                    <div class="t_b_box3" id="c4">
                        <h2>0.00</h2>
                    </div>
                    <div class="t_b_box4" id="c5">
                        <h2>0.00</h2>
                    </div>
                    <div class="t_b_box5" id="c6">
                        <h2>0.00</h2>
                    </div>
                </main>
                <header class="t_b_h1" id="d0">
                    <span>西湖区</span>
                </header>
                <main class="t_b_m">
                    <div class="t_b_box" id="d1">
                        <h2>0.00</h2>
                    </div>
                    <div class="t_b_box1" id="d2">
                        <h2>0.00</h2>
                    </div>
                    <div class="t_b_box2" id="d3">
                        <h2>0.00</h2>
                    </div>
                    <div class="t_b_box3" id="d4">
                        <h2>0.00</h2>
                    </div>
                    <div class="t_b_box4" id="d5">
                        <h2>0.00</h2>
                    </div>
                    <div class="t_b_box5" id="d6">
                        <h2>0.00</h2>
                    </div>
                </main>
                <header class="t_b_h1" id="e0">
                    <span>滨江区</span>
                </header>
                <main class="t_b_m">
                    <div class="t_b_box" id="e1">
                        <h2>0.00</h2>
                    </div>
                    <div class="t_b_box1" id="e2">
                        <h2>0.00</h2>
                    </div>
                    <div class="t_b_box2" id="e3">
                        <h2>0.00</h2>
                    </div>
                    <div class="t_b_box3" id="e4">
                        <h2>0.00</h2>
                    </div>
                    <div class="t_b_box4" id="e5">
                        <h2>0.00</h2>
                    </div>
                    <div class="t_b_box5" id="e6">
                        <h2>0.00</h2>
                    </div>
                </main>
                <header class="t_b_h1" id="f0">
                    <span>萧山区</span>
                </header>
                <main class="t_b_m">
                    <div class="t_b_box" id="f1">
                        <h2>0.00</h2>
                    </div>
                    <div class="t_b_box1" id="f2">
                        <h2>0.00</h2>
                    </div>
                    <div class="t_b_box2" id="f3">
                        <h2>0.00</h2>
                    </div>
                    <div class="t_b_box3" id="f4">
                        <h2>0.00</h2>
                    </div>
                    <div class="t_b_box4" id="f5">
                        <h2>0.00</h2>
                    </div>
                    <div class="t_b_box5" id="f6">
                        <h2>0.00</h2>
                    </div>
                </main>
                <header class="t_b_h1" id="g0">
                    <span>余杭区</span>
                </header>
                <main class="t_b_m">
                    <div class="t_b_box" id="g1">
                        <h2>0.00</h2>
                    </div>
                    <div class="t_b_box1" id="g2">
                        <h2>0.00</h2>
                    </div>
                    <div class="t_b_box2" id="g3">
                        <h2>0.00</h2>
                    </div>
                    <div class="t_b_box3" id="g4">
                        <h2>0.00</h2>
                    </div>
                    <div class="t_b_box4" id="g5">
                        <h2>0.00</h2>
                    </div>
                    <div class="t_b_box5" id="g6">
                        <h2>0.00</h2>
                    </div>
                </main>
                <header class="t_b_h1" id="h0">
                    <span>桐庐县</span>
                </header>
                <main class="t_b_m">
                    <div class="t_b_box" id="h1">
                        <h2>0.00</h2>
                    </div>
                    <div class="t_b_box1" id="h2">
                        <h2>0.00</h2>
                    </div>
                    <div class="t_b_box2" id="h3">
                        <h2>0.00</h2>
                    </div>
                    <div class="t_b_box3" id="h4">
                        <h2>0.00</h2>
                    </div>
                    <div class="t_b_box4" id="h5">
                        <h2>0.00</h2>
                    </div>
                    <div class="t_b_box5" id="h6">
                        <h2>0.00</h2>
                    </div>
                </main>
                <header class="t_b_h1" id="i0">
                    <span>建德市</span>
                </header>
                <main class="t_b_m">
                    <div class="t_b_box" id="i1">
                        <h2>0.00</h2>
                    </div>
                    <div class="t_b_box1" id="i2">
                        <h2>0.00</h2>
                    </div>
                    <div class="t_b_box2" id="i3">
                        <h2>0.00</h2>
                    </div>
                    <div class="t_b_box3" id="i4">
                        <h2>0.00</h2>
                    </div>
                    <div class="t_b_box4" id="i5">
                        <h2>0.00</h2>
                    </div>
                    <div class="t_b_box5" id="i6">
                        <h2>0.00</h2>
                    </div>
                </main>
                <header class="t_b_h1" id="j0">
                    <span>富阳区</span>
                </header>
                <main class="t_b_m">
                    <div class="t_b_box" id="j1">
                        <h2>0.00</h2>
                    </div>
                    <div class="t_b_box1" id="j2">
                        <h2>0.00</h2>
                    </div>
                    <div class="t_b_box2" id="j3">
                        <h2>0.00</h2>
                    </div>
                    <div class="t_b_box3" id="j4">
                        <h2>0.00</h2>
                    </div>
                    <div class="t_b_box4" id="j5">
                        <h2>0.00</h2>
                    </div>
                    <div class="t_b_box5" id="j6">
                        <h2>0.00</h2>
                    </div>
                </main>
                <header class="t_b_h1" id="k0">
                    <span>临安区</span>
                </header>
                <main class="t_b_m">
                    <div class="t_b_box" id="k1">
                        <h2>0.00</h2>
                    </div>
                    <div class="t_b_box1" id="k2">
                        <h2>0.00</h2>
                    </div>
                    <div class="t_b_box2" id="k3">
                        <h2>0.00</h2>
                    </div>
                    <div class="t_b_box3" id="k4">
                        <h2>0.00</h2>
                    </div>
                    <div class="t_b_box4" id="k5">
                        <h2>0.00</h2>
                    </div>
                    <div class="t_b_box5" id="k6">
                        <h2>0.00</h2>
                    </div>
                </main>
                <header class="t_b_h1" id="l0">
                    <span>淳安县</span>
                </header>
                <main class="t_b_m">
                    <div class="t_b_box" id="l1">
                        <h2>0.00</h2>
                    </div>
                    <div class="t_b_box1" id="l2">
                        <h2>0.00</h2>
                    </div>
                    <div class="t_b_box2" id="l3">
                        <h2>0.00</h2>
                    </div>
                    <div class="t_b_box3" id="l4">
                        <h2>0.00</h2>
                    </div>
                    <div class="t_b_box4" id="l5">
                        <h2>0.00</h2>
                    </div>
                    <div class="t_b_box5" id="l6">
                        <h2>0.00</h2>
                    </div>
                </main>
                <header class="t_b_h1" id="m0">
                    <span>钱塘新区</span>
                </header>
                <main class="t_b_m">
                    <div class="t_b_box" id="m1">
                        <h2>0.00</h2>
                    </div>
                    <div class="t_b_box1" id="m2">
                        <h2>0.00</h2>
                    </div>
                    <div class="t_b_box2" id="m3">
                        <h2>0.00</h2>
                    </div>
                    <div class="t_b_box3" id="m4">
                        <h2>0.00</h2>
                    </div>
                    <div class="t_b_box4" id="m5">
                        <h2>0.00</h2>
                    </div>
                    <div class="t_b_box5" id="m6">
                        <h2>0.00</h2>
                    </div>
                </main>
                <img class="t_r_line" src="img/right_line.png" alt="">
            </div>
            <!--前6月数据 -->
            <br>
            <div class="b_left_box">
                <img class="t_l_line" src="img/left_line.png" alt="">
                <h1 class="b_title">前六个月收集量数据</h1>
                <div id="chart_2" class="echart" style="width: 100%;
                        height:3.9rem;"></div>
                <img class="t_r_line" src="img/right_line.png" alt="">
            </div>
            <!--重点医院 -->
            <div class="b_center_box">
                <img class="t_l_line" src="img/left_line.png" alt="">
                <h1 class="b_title">重点医院收集数据</h1>
                <header class="t_b_h">
                    <div class="layui-carousel" id="test1" lay-filter="test1">
                        <div carousel-item id="hosp">

                        </div>
                    </div>
                </header>
                <div id="chart_1" class="echart" style="width: 50%;left:50%; height:
                        3.9rem;"></div>
                <img class="t_r_line" src="img/right_line.png" alt="">
            </div>
            <!--实时 -->
            <div class="b_right_box">
                <img class="t_l_line" src="img/left_line.png" alt="">
                <h1 class="b_title">医院实时收集数据(单位：公斤)</h1>
                <table class="t_table">
                    <thead>
                        <tr>
                            <th>医院名称</th>
                            <th>科&nbsp;&nbsp;&nbsp;&nbsp;室</th>
                            <th>重&nbsp;&nbsp;&nbsp;&nbsp;量</th>
                            <th>时&nbsp;&nbsp;&nbsp;&nbsp;间</th>
                        </tr>
                    </thead>
                    <tbody id="table">

                    </tbody>
                </table>
                <img class="t_r_line" src="img/right_line.png" alt="">
            </div>
        </main>
    </div>
</body>
<script src="js/data.js?v=1">
</script>

</html>